.page{
  //position: absolute;
  //width: 100%;
  //height: 100%;
  //overflow-x: hidden;
  //overflow-y: auto;
  padding-bottom: 200rpx;
 height: 472;

}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
 	background: url('../../static/background.jpg');	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}
.main{
	width: 100%;

	position: fixed;
	top: 193.6rpx;
	.top{
		.banner{
			
			image{
				width: 100%;
				height: 279rpx;
			};
		}
		.title{
			font-weight: bold;
			font-size: 32rpx;
			padding: 34.88rpx 33.19rpx 15.7rpx 33.19rpx;
		}	
	}
	
	.content{
		z-index: 999;
		
		padding: 0 13.95rpx;
		.border{
			padding:0 17.44rpx;
			
			border-radius: 7rpx;
			box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16);
			background-color: #fff;
		}
		
	}
	.footer{
		width: 750rpx;
		height: 122.09rpx;
		background: #ffffff;
		padding:   34.88rpx 183.14rpx;
		position: fixed;
		bottom: 0rpx;
		display: flex;
		text-align: center;
		color: #fff;
		line-height: 52.33rpx;
		.next{
			width: 174.42rpx;
			height: 52.33rpx;
			
			background: #43d534;
			border-radius: 26.16rpx;
			text-align: center;
			
			
		}
		.cancel{
			width: 174.42rpx;
			height: 52.33rpx;
			background: #646464;
			border-radius: 26.16rpx;
			text-align: center;
			margin-right: 37.44rpx;
			opacity: 0.3;
		}
	}
}